<?php echo $this->render('header-metta.phtml'); ?>
<?php echo $this->render('header.phtml'); ?>
<div id="container">
	<div id="bodyArea">
		<div>
			sign-up to join groupjump<br />
			<b>*Required fields</b>
		</div>
		<form action="<?php echo $this->baseUrl ?>/register/add" method="post">
		<div id="bodyWhite">
			<div class="registrationContent">
				<h3>Input your Full name.</h3>
				*Firstname: 
				<input type="text" id="jumperFirstName" name="jumperFirstName" value="<?php echo $this->jumperFirstName; ?>" /><br />
				*Lastname:
				<input type="text" id="jumperLastName" name="jumperLastName" value="<?php echo $this->jumperLastName; ?>" /><br />
			<div class="warning"><?php echo $this->firstAndLastNameError; ?></div>
			</div>
			
			<div class="registrationContent" title="Register your email to join">
				<h3>Register your email to join.</h3>
				*Email: 
				<input type="text" id="jumperEmail" name="jumperEmail" value="<?php echo $this->jumperEmail; ?>" /><br />
				<input type="button" id="okButton" value="Check Availability" />
			<div id="msg">
				<?php echo $this->jumperEmailError;?>
			</div>
				You'll use your email to sign in to Groupjump
			</div>
			
			<div class="registrationContent">
				<h3>Choose password</h3>
				*Type Password: <input name="password" type="password" id="password" size="45" maxlength="45"/>
				<br />
				*Re-type Password: <input name="confirmPassword" type="password" id="confirmPassword" size="45" maxlength="45" />
				<div class="warning"><?php echo $this->passwordError; ?></div>
				Strong passwords contain 7-16 characters, do not include common words or names, and combine three of these character types: uupercase letters, lowercase letters, numbers, or symbols.
			</div>
			
			<div class="registrationContent">
				<h3>Type the characters you see in the picture</h3>
				<img src="<?php echo $this->webInfo; ?>images/randomImage/randomImage.jpg" alt="Random Image"/>
				<br />*Type Characters: <input name="characters" type="text" id="characters" size="45" maxlength="45" />
				<br /><div class="warning"><?php echo $this->charactersFromImageError; ?></div>
				This helps us prevent automated programs from creating accounts and sending spam.
			</div>
			
			<div class="registrationContent">
				<h3>Security Question and answers</h3>
				Secret Questions: <input name="secretQuestions" type="text" id="secretQuestions" size="45" maxlength="45" value="<?php echo $this->secretQuestions; ?>"/>
				<br />
				Secret Answers: <input name="secretAnswer" type="text" id="secretAnswer" size="45" maxlength="45" value="<?php echo $this->secretAnswers; ?>"/>
			</div>
			<div class="registrationContent">
				<h3>Review and accept the agreements.</h3>
				<center>
				Clicking I accept means that you agree to the <a href="">Groupjump Agreement and Privacy Statement.</a><br />
				<input name="accept" type="submit" value="I accept" />
				<input name="clear" type="reset" />
				</center>
			</div>
		</div>
		</form>
	</div>
</div>
<?php echo $this->render('footer.phtml'); ?>	